html, body {
  height: 100%;
}
body, form {
  margin: 0;
  padding: 0;
}

/*  body style used for LeftFrameSwitcher */
.MainFrameBody {
  padding-left: 8px;
  background-image: url('../../images/body_bg.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.LeftFrameSwitcher {
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
}
* html .LeftFrameSwitcher {
  position: absolute;
}
td, th {
  vertical-align: middle;
}
th {
  white-space: nowrap;
  font-weight: normal;
}
th.icon {
  text-align: center;
}
p, hr {
  margin: 5px 0;
}
hr {
  clear: both;
}

.titleWrapper {
  background: #f0f0f0;
}
.pathbar {
  padding: 5px 10px 0 20px;
  min-height: 15px;
}
.screenTitle table {
  border-collapse: collapse;
}
.screenTitle table td {
  padding: 0;
}
.screenTitle .title {
  padding-left: 20px;
}
.toolbar {
  text-align: right;
}
.screenTitle .toolbar .toolbarWrapper {
  text-align: left;
}
.screenBody {
  padding: 5px 20px 20px 20px;
  clear: both;
  background-color: #fcfcfc;
}
.screenBodyToolbar {
  margin: 0;
  clear: both;
}
.screenTitle img,
.screenTitle td,
.screenTitle input,
.screenTitle select,
.reportTools,
.reportTools img,
.reportTools input,
.reportTools select {
  vertical-align: middle;
}
.reportSection {
  margin: 10px 0;
}
.reportIndex {
  margin: 15px 0;
}
.reportSection {
  padding-top: 5px;
}
#login .screenButtons {
  width: auto;
}
.screenBody:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: '.';
  clear: both;
}

/* ---------- list  --------- */

.listArea td input,
.listArea td select {
  vertical-align: middle;
}
.list td,
.list th {
  padding: 2px 5px;
  height: 20px;
}
.list td.icon {
  text-align: center;
}
.number {
  text-align: right;
}
.search input,
.search .commonButton,
.toolbar .commonButton {
  margin-right: 7px;
  vertical-align: middle;
}
.list {
  border-collapse: collapse;
}
.buttons {
  margin: 7px 0;
}
.buttons div {
  white-space: nowrap;
}
.buttons input,
.buttons .commonButton {
  vertical-align: middle;
}
.misc {
  text-align: right;
}
.main input,
.main select {
  margin-right: 7px;
}
.main .commonButton {
  margin-right: 14px;
}
.main #bid-search,
.misc input,
.misc select {
  margin-left: 7px;
}
.misc .commonButton {
  margin-left: 14px;
}
th a {
  vertical-align: middle;
}
th img {
  vertical-align: middle;
  padding-left: 3px;
}
.paging {
  margin: 7px 0;
  vertical-align: middle;
}
.listArea fieldset .pagingBottom {
  border-top: 1px solid #ededed;
  margin-top: 0;
  padding-top: 7px;
}
.listArea fieldset .noList {
  border-top: 0;
  margin-top: 7px;
  padding-top: 0;
}
.paging input,
.paging .commonButton,
.paging select {
  vertical-align: middle;
  margin-right: 7px;
}
.paging select {
  margin-right: 3px;
}
.select {
  text-align: center;
}
.show #bid-search-show,
.hide #bid-search-hide,
.hide .searchArea {
  display: none;
}

/* ---------- form  --------- */

.formFields {
  border-collapse: collapse;
  margin-top: 2px;
}
.formFields td {
  padding: 3px;
  vertical-align: top;
}
.formFields input,
.formFields .commonButton,
.formFields select {
  vertical-align: middle;
}
.formFields td.name,
.formFields td.nameError {
  vertical-align: top;
  padding-left: 0;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 200px;
}
td.unlimited {
  vertical-align: top;
  padding-top: 6px;
}
fieldset {
  margin: 10px 0 0 0;
  padding: 0;
}
* html fieldset {
  margin-top: 0;
  padding-top: 10px;
}
.screenButtons {
  padding: 8px 0 0 0;
}
legend {
  margin-bottom: 0;
  margin-left: -9px;
  padding-right: 0px;
  padding-bottom: 5px;
  vertical-align: middle;
  padding-left: 2px;
}
option.dummyLine {
  color: #fff;
}
fieldset > legend {
  margin-left: -7px;
  padding-left: 0;
  padding-right: 9px;
  padding-top: 3px;
}
legend img {
  vertical-align: middle;
}
fieldset p {
  margin: 5px 0;
}
.option {
  margin-bottom: 5px;
}
.option.clear {
  padding-left: 18px;
}
.option.clear .radiobox,
.option.clear .checkbox,
.option-block {
  float: left;
}
.option.clear .option-block .hint {
  margin: 5px 0;
}
.option.clear .radiobox,
.option.clear .checkbox {
  margin: 0 0 -2px -18px;
}
.formButtons {
  text-align: right;
  margin-top: 5px;
}
.formButtons input,
.formButtons button {
  margin-left: 7px;
}
.formFields td.limit,
.formFields td.limitDate {
  padding-right: 5px;
  white-space: nowrap;
  width: 145px;
}
.formFields td.limitDate {
  width: 155px;
}
.formFields td td.limit {
  padding-left: 0;
}
.fieldButtons input,
.fieldButtons button {
  margin: 5px 5px 0 0;
}
textarea {
  width: 98%;
}
.checkbox,
.radiobox {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
}
#chkProceed {
  margin-left: 3px;
}
legend a {
  font-weight: normal;
}
legend .checkbox,
.formFields .checkbox,
.formFields .radiobox {
  margin-right: 3px;
}
.suboption {
  margin-left: 18px;
}

/* ---------- misc --------- */

.commonButton {
  display: inline;
}
td.subTd a {
  padding-left: 20px;
}
.gaugeWrapper {
  margin: 2px 0;
}

/* ---------- for login --------- */

#login {
  margin: 0;
  padding: 0;
  background-color: #fcfcfc;
}
#login form {
  width: 453px;
  margin: 0 auto;
  padding: 40px 0 0;
}
#mainLogin #login {
  width: 453px;
  margin: auto;
  margin-top: 40px;
  padding: 0;
  background-color: transparent;
}
#mainLogin #login form {
  width: 100%;
  margin: 0;
  padding: 0;
}
#mainLogin #login .formArea {
  border: 1px solid #86a7d4;
}
#mainLogin .formArea table {
  border: 1px solid #c9ddf5;
  width: 100%;
}
#mainLogin .formArea table table {
  border: 0;
}
#loginTitle {
	height: 62px;
	font: normal 17px "Segoe UI", "Franklin Gothic Medium", verdana, arial, sans-serif;
	line-height: 20px;
	color: #fff;
	background: #064473 url('../../images/login-header.png') 0 0 no-repeat;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#mainLogin #loginForm input[type="text"],
#mainLogin #loginForm input[type="password"],
#mainLogin #loginForm select {
  border: 1px solid #abadb3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
#get_password {
  text-align: left;
  padding-left: 0;
}
#get_password a:link,
#get_password a:visited {
  color: #06c;
}
#get_password a:hover {
  color: #39f;
}
#loginForm {
  padding: 10px;
  background-color: #f0f0f0;
}

/* ---------- mail name states --------- */

#fldset-mailInfo td,
#fldset-mailInfo td img,
#fldset-mailInfo td a  {
  vertical-align: middle;
}
#fldset-mailInfo td a:link,
#fldset-mailInfo td a:visited  {
  color: #444;
}
#fldset-mailInfo td img  {
  margin-right: 3px;
}
#fldset-mailInfo td  {
  width: 25%;
}

/* ---------- bottom fieldsets for server screen --------- */

#fldset-admin_info {
  width: 405px;
  float: left;
  margin-right: 12px;
}
#fldset-admin_info .screenButtons {
  width: 333px;
}
#fldset-power  .screenButtons {
  width: 222px;
}

/* TTS */

#tts_list pre {
  white-space: normal;
  margin: 10px;
}
#tts_list .tts_data {
  width: 20%;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 20px;
  font-weight: bold;
   color: #444;
}
.tts_created_by {
  width: 60%;
}
.tts_public {
  width: 20%;
  text-align: right;
  white-space: nowrap;
}
.tts_created_by,
.tts_created_by img,
.tts_public,
.tts_public img {
  vertical-align: middle;
}

/* Control visibility */

a.showVisibility,
.visibilityAdminMode a.adminOnlyVisibility,
.visibilityControlMode a.controlVisibilityArea {
  display: inline;
}
tbody.showVisibility,
.visibilityAdminMode tbody.adminOnlyVisibility,
.visibilityControlMode tbody.customizableControl {
  display: block;
}
table>tbody.showVisibility,
.visibilityAdminMode table>tbody.adminOnlyVisibility,
.visibilityControlMode table>tbody.customizableControl {
  display: table-row-group;
}
.hideVisibility,
.hideByDefault,
.adminOnlyVisibility {
  display: none;
}
.visibilityControlMode .screenButtons {
  width: 670px;
}

/* Control visibility Toolbar */

.controlVisibilityToolbar .misc .commonButton span {
  display: inline;
  margin-right: 14px;
}
.controlVisibilityToolbarDesc {
  float: left;
  height: 21px;
  padding-top: 4px;
  min-width: 100px;
  width: 60%;
  vertical-align: middle;
}
.controlVisibilityToolbar button {
  vertical-align: middle;
  line-height: 21px;
  padding: 0;
}
.controlVisibilityToolbar td {
  vertical-align: middle;
  height: 49px;
}
.controlVisibilityToolbar .main {
  padding-left: 14px;
}
.controlVisibilityToolbar .commonButton {
  white-space: nowrap;
  float: left;
}
.controlVisibilityToolbar td.misc {
  width: 100px;
}
#bid-hide-toolbar span {
  display: block;
  text-align: left;
}